<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>安全管理</title>
        <link rel="stylesheet" href="../../../static/layui/css/layui.css" th:href="@{/layui/css/layui.css}"/>
        <link rel="stylesheet" type="text/css" href="../../../static/layui/css/common.css" th:href="@{/layui/css/common.css}"/>
        <link rel="stylesheet" type="text/css" href="../../../static/layui/css/usercss/user.css" th:href="@{/layui/css/usercss/user.css}"/>
    </head>
	<body>
	<!-- 公共头部 -->
	<div th:replace="FrontPages/common/head::head(n=5)" name="headFrame"></div>
		<div class="user-index">
			<!-- 左侧目录 -->
			<div class="user-left-Navigation">
				<ul class="user-left-menu">
					<li class=""><a class="active" href="javascropt:;" name="1" th:id="a1">安全系数</a></li>
					<li class=""><a href="javascropt:;" name="2" th:id="a2">修改密码</a></li>
					<li class=""><a href="javascropt:;" name="3" th:id="a3">修改手机</a></li>
					<li class=""><a href="javascropt:;" name="4" th:id="a4">修改邮箱</a></li>
					<li class=""><a href="javascropt:;" name="6" th:id="a5">登录日志</a></li>
				</ul>
                <input type="hidden" th:id="msg" th:value="${session.msg}">
			</div>
			<!-- 中间内容 -->
			<div class="user-main-menu">
				<div class="user-main-item" th:id="user-data" style="display: block;">
					<div class="user-data">
						<div class="header1">
							<h3>您的账号安全系数为:</h3>
							<h3 class="safe-score">
								<i>75</i>
								<span>分</span>
							</h3>
							<h3 th:id="h1">危险!!!</h3>
							<h3 th:id="h2">有风险!!</h3>
							<h3 th:id="h3">安全!</h3>
						</div>
						<div class="user-list">
							<ul class="user-list-ul">
								<li>
									<span>定期修改密码</span>
									<a name="2">立即修改</a>
									<i class="layui-icon"></i>
								</li>
								<li>
									<span>绑定安全手机</span>
									<a name="3">立即修改</a>
									<i class="layui-icon"></i>
								</li>
								<li>
									<span>绑定安全邮箱</span>
									<a name="4">立即修改</a>
									<i class="layui-icon"></i>
								</li>
								<li>
									<span>登录日志</span>
									<a name="5">立即修改</a>
									<i class="layui-icon"></i>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="user-main-item" th:id="user-collection">
					<div class="user-collection">
						<div class="header1" th:id="header-block">
							<ul class="layui-nav header-ul">
								<li class="layui-nav-item layui-this" name="1">修改密码</li>
								<li class="layui-nav-item" name="2">邮箱修改密码</li>
							</ul>
						</div>
						<div class="change-password">
							<div class="password">
                                <form th:id="form1">
                                    <input type="password" name="old-password" required lay-verify="required" placeholder="请输入密码" autocomplete="off"
								    class="layui-input">
								    <i class="layui-icon" th:id="p1">&#x1005;</i>
								    <input type="password" name="new-password" required lay-verify="required" placeholder="请新密码" autocomplete="off"
								     class="layui-input">
							    	<i class="layui-icon" th:id="p2">&#x1005;</i>
								    <input type="password" name="re-password" required lay-verify="required" placeholder="请确认密码" autocomplete="off"
								     class="layui-input">
								    <i class="layui-icon" th:id="p3">&#x1005;</i>
								    <div class="modif_password">
								    	<button class="cancel">取消</button>
									    <button type="button" class="confirm" th:id="but1">修改</button>
								    </div>
                                </form>
							</div>
							<div class="email">
								<form th:id="form2">
									<input type="text" name="email" required lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input cemail"
									 disabled="disabled" th:value="${session.user.email}">
									<i class="layui-icon" th:id="p4">&#x1005;</i>
									<input type="text" name="verification" required lay-verify="required" placeholder="请输入验证码" autocomplete="off"
									 class="layui-input" style="width: 200px;">
									<i class="layui-icon" th:id="p5">&#x1005;</i>
									<button th:id="getcode" class="veri"type="button">获取验证码</button>
									<input type="password" name="new-password" required lay-verify="required" placeholder="请确认密码" autocomplete="off"
									 class="layui-input">
									<i class="layui-icon" th:id="p6">&#x1005;</i>
									<div class="modif_password">
										<button class="cancel">取消</button>
										<button  type="button" class="confirm" th:id="but2">修改</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="user-main-item" th:id="user-follows">
					<div class="user-follows">
						<div class="header1">
							<h3>修改手机</h3>
						</div>
						<div class="change-password">
							<div class="change-email">
								<form th:id="form3">
									<input type="text" name="phone" required lay-verify="required" placeholder="17848245" autocomplete="off" class="layui-input cemail"
									 disabled="disabled" th:value="${session.user.getPhone()}">
									<i class="layui-icon">&#x1005;</i>
									<input type="text" name="verification" required lay-verify="required" placeholder="请输入验证码" autocomplete="off"
									 class="layui-input" style="width: 200px;">
									<i class="layui-icon">&#x1005;</i>
									<button th:id="getcode2" class="veri" type="button">获取验证码</button>
									<input type="text" name="new-phone" required lay-verify="required" placeholder="请输入手机" autocomplete="off" class="layui-input">
									<i class="layui-icon">&#x1005;</i>
									<div class="modif_password">
										<button class="cancel">取消</button>
										<button type="button" class="confirm" th:id="but3">修改</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="user-main-item" th:id="user-fans">
					<div class="user-fans">
						<div class="header1">
							<h3>修改邮箱</h3>
						</div>
						<div class="change-password">
							<div class="change-email">
								<form th:id="form4">
									<input type="text" name="email" required lay-verify="required" placeholder="17848245@qq.com" autocomplete="off"
									 class="layui-input cemail" disabled="disabled" th:value="${session.user.email}">
									<i class="layui-icon">&#x1005;</i>
									<input type="text" name="verification" required lay-verify="required" placeholder="请输入验证码" autocomplete="off"
									 class="layui-input" style="width: 200px;">
									<i class="layui-icon">&#x1005;</i>
									<button th:id="getcode3" class="veri" type="button">获取验证码</button>
									<input type="text" name="new-email" required lay-verify="required" placeholder="请输入新邮箱" autocomplete="off"
									 class="layui-input">
									<i class="layui-icon">&#x1005;</i>
									<div class="modif_password">
										<button class="cancel">取消</button>
										<button class="confirm" th:id="but4" type="button">修改</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<div class="user-main-item" th:id="user-log">
					<div class="user-log">
						<div class="header1">
							<h3>登录日志</h3>
						</div>
						<div class="log-list">
							<ul class="log-list-ul">
								<!--<li>-->
									<!--<span th:id="time">2018-1-12 12:30</span>-->
									<!--<span th:id="ip">192.138.0.1</span>-->
									<!--<span th:id="place"> 中国</span>-->
								<!--</li>-->
								<li th:each="iplpg:${iplogs}">
									<span th:id="ip" th:text="${iplpg.ip}"></span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!-- 右侧标签片 -->
			<div class="ifra_tip">
				<!--<iframe src="../common/user_tip.html" width="255px" ; height="305px" frameborder="0" scrolling="no" name="userFrame"></iframe>-->
				<!--&lt;!&ndash; 广告 &ndash;&gt;-->
				<!--<iframe src="../common/adv1.html" width="255px" ; height="255px" frameborder="0" scrolling="no" name="userFrame"></iframe>-->
                <div th:replace="FrontPages/common/user_tip::usertip(user=${session.user})" ></div>
                <div th:replace="FrontPages/common/adv1::adv1" ></div>
			</div>
			<div style="clear: both;"></div>
		</div>
		<!-- 公共尾部 -->
		<div th:replace="FrontPages/common/bottom::bottom" name="bottomFrame"></div>

		<script type="text/jscript" src="../../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
		<script type="text/jscript" src="../../../static/layui/lay/js/user.js" th:src="@{/layui/lay/js/user.js}"></script>
        <script type="text/jscript" src="../../../static/layui/lay/js/usersafe.js" th:src="@{/layui/lay/js/usersafe.js}"></script>

         <!-- 背景特效 -->
		<script src="../../../static/layui/lineEffects.js" th:src="@{/layui/lineEffects.js}"></script>
	</body>
</html>
